<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>htmlcss 阶段</title>
    <style>

    </style>
</head>

<body>



    <script>
        // 要求：
        // 常见的css属性，例如，background-image , font-size
        // 那么定义函数 getHumpName ， 把这种格式的字符串传递到函数中进行处理并返回驼峰名称
        // 示例：
        // getHumpName("background-image") ;// backgroundImage
        // getHumpName("font-size") ;// fontSize



        // 思考：
        // 如何判字符串存在 "-",以及如何获取短横线后一个字符
        // 字符具有length

        // 编码：（变化）
        // console.log(arguments);// 获取实参数据
        // 定义函数
        function getHumpName(str) {
            // 找到 "-" 这个字符的下标
            var index = str.indexOf("-");
            // 找到 "-" 的下一个字符
            var code = str.charAt(index + 1);
            // console.log(code);
            // console.log(code.toUpperCase());
            // 大写字母
            var letter = code.toUpperCase();
            // 返回替换之后的字符串
            return str.replace("-"+code , letter);
        }
        // 定义变量 记录字符串
        // var prop = "background-image";
        // var prop = "text-align";
        // var prop = "line-height";
        var prop = "font-size";
        // 调用函数
        var _name = getHumpName(prop);
        // 打印_name
        console.log(_name);

        function get(str) {
            var index = str.indexof("-");
            var too = str.charAt(index +1);
            var foo = str.code.toUpperCase();
            var hoo = str.replace("-"+too , foo);
            return hoo;
        }
        var _myname = get(prop);
        console.log(_myname);
    </script>
</body>

</html>